<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>课程取消提醒</title>

	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no" name="viewport">

	<link rel="stylesheet" href="css/reset.css">

	<link rel="stylesheet" href="css/flexible.css">

	<link rel="stylesheet" href="css/vant.css">

	<link rel="stylesheet" href="css/boss.css">

	<script src="js/vue/vue.js"></script>

	<script src="js/vue/axios.js"></script>

	<script src="js/vue/vant.js"></script>

	<script src="js/vue/MD5.js"></script>

	<script src="js/vue/qs.js"></script>

	<script src="js/fontsize.js"></script>

</head>

<body>

<div id="app">

	<template>

		<div class="containers">

			<div class="KcCancel" v-for="item in dataList">

				<p>

				   <span class="Kc_name">{{item.Username}}</span>

				   <span class="canerl_qx">取消预约</span>

				   <span class="rf color_nn">{{item.Adddate}}</span>

				</p>

				<p>

				   <span class="color_nS" v-if="item.Currtype=='0'">团课 {{item.Bstime}}</span>

				   <span class="color_nS" v-else>私教课 {{item.Bstime}}</span>

				   <span class="rf fontzise12">{{item.Title}}</span>

				</p>

			</div>

		</div>

	</template>

	<van-list

		v-model="loading"

		:finished="finished"

		finished-text="没有更多了"

		@load="getList"

		>

		<van-cell

			v-for="item in lists"

			:key="item"

			:title="item"

		/>

	</van-list>

	<!-- <div class="technicalSupport">由馆家提供技术支持</div> -->

</div>

<div class="footer_bar">

	<ul class="clearfix">

		<li>

			<a href="index.html">

				<div class="first_a" ></div>

				<p>首页</p>

			</a>

		</li>

		<li>

			<a href="administration.html">

				<div class="thrid_a"></div>

				<p>管理</p>

			</a>

		</li>

		<!-- <li>

			<a href="#" @click="marketing">

				<div class="second_a"></div>

				<p>营销</p>

			</a>

		</li> -->

		<li>

			<a href="remind.html">

				<div class="four_a is_selected"></div>

				<p style="color: #0E9CFA;">提醒</p>

			</a>

		</li>

	</ul>

</div>

<script>

	var app = new Vue({

		el: '#app',

		data: {

			dataList:[],

			lists:[],

			loading: false,

			finished: false,

			totalnum:'',

			totalpage:'',

			listd:[],

			page:'1'

		},

		methods: {

			getList(){

				const params={

					page:this.page

				}

				axios.get('mobileapi/boss/coordination.php?act=curr_cancel',{params:params}).then(res => {

					let { msg, code} = res.data

					if (code !== 200) {

						vant.Toast('请求发送失败，请重试')

					} else {

						data=res.data

						this.listd=data.data.list

						this.totalnum=data.data.totalnum

						this.page=parseInt(data.data.page)+1

						for(let i in this.listd){

							if(this.listd[i].Picurl==""||this.listd[i].Picurl==null){

								this.listd[i].Picurl='images/moren.png'

							}

						}

						for (let i = 0; i < this.listd.length; i++) {

							this.dataList.push(this.listd[i])

						}

						// 加载状态结束

						this.loading = false

						// 数据全部加载完成

						if (this.dataList.length >= this.totalnum) {

							this.finished = true

						}

					}

				}).catch(err => {

					vant.Toast('请求发送失败，请重试')

				})

			},

		}

	})

</script>

</body>

</html>